import './style.scss'
import React from 'react'
import type { FC } from 'react'
import { Col, Row, Card } from 'antd'
// import MyLine from '@/components/MyChart/MyLine'
import MyChart from '@/components/MyChart'

const Dashoard: FC = () => {
  return (
    <div className="dashoard-box">
      <Row gutter={20}>
        <Col span={12}>
          <Card title="折线图" bordered={false}>
            {/* <MyLine
              xdata={['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']}
              series={[
                {
                  data: [820, 932, 901, 934, 1290, 1330, 1320]
                  // areaStyle: {}
                },
                {
                  data: [120, 332, 11, 21, 33, 60, 320]
                }
              ]}
            /> */}
            <MyChart
              type="line"
              xdata={['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']}
              series={[
                {
                  data: [820, 932, 901, 934, 1290, 1330, 1320]
                }
              ]}
            />
          </Card>
        </Col>
        <Col span={12}>
          <Card title="柱状图" bordered={false}>
            <MyChart
              type="bar"
              xdata={['今天', '明天', '后天', '休息', '工作', '玩乐', '吃饭']}
              series={[
                {
                  data: [120, 332, 11, 21, 33, 60, 320]
                },
                {
                  data: [820, 932, 901, 934, 1290, 1330, 1320]
                }
              ]}
            />
          </Card>
        </Col>
      </Row>
    </div>
  )
}

export default Dashoard
